<template>
   <div>
       <div>
           <span>用户名:</span>
           <input type="text" v-model="username">
       </div>
       <div>
           <span>密码:</span>
            <input type="password"  v-model="password">
       </div>
       <select name="" v-model="from" >
           <option value="北京">北京市</option>
           <option value="南京">南京市</option>
           <option value="天津">天津市</option>
       </select>
       <div>
           <input type="checkbox" v-model="hobby" value="吃饭"> <span>吃饭</span>
           <input type="checkbox" v-model="hobby" value="打豆豆"> <span>打豆豆</span>
           <input type="checkbox" v-model="hobby" value="睡觉"> <span>睡觉</span>
       </div>
       <div>
           <input type="radio" v-model="sex" value="男" name="sex"><span>男</span>
           <input type="radio" v-model="sex" value="女" name="sex"><span>女</span>
       </div>
       <div>
           <span>自我介绍</span>
           <textarea v-model="jieshao"></textarea>
       </div>
   </div>
   
  
</template>

<script>
export default {
  data () {
      return {
          username:'',
          password:'',
          from:'',
          hobby:[],
          sex:'',
          jieshao:'',

      }
  }
}
</script>

<style>

</style>